<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-left: -10px; margin-right: -10px">
  <div class="container-fluid">

    <a ui-sref="^.list" class="navbar-brand side-nav-toggle text-primary"><span class="simple-icon-arrow-left"></span></a>

    <div ng-switch on="activeModule">
    <!-- NAVIGATOR RECEPTIONIST -->
      <ul class="nav navbar-nav navbar-right" ng-switch-when="receptionist">
        <li ng-class="{active: $state.includes('students')}">
          <a ui-sref=".students.list">Student</a>
        </li>
        <li ng-class="{active: $state.includes('countries')}">
          <a ui-sref=".countries.list">Countries</a>
        </li>
        <li ng-class="{active: $state.includes('sexes')}">
          <a ui-sref=".sexes.list">Sexes</a>
        </li>
        <li ng-class="{active: $state.includes('sexes')}">
          <a ui-sref=".cities.list">Cities</a>
        </li>
        <li ng-class="{active: $state.includes('sexes')}">
          <a ui-sref=".provinces.list">Provinces</a>
        </li>
        <li ng-class="{active: $state.includes('sexes')}">
          <a ui-sref=".contacttypes.list">Contact Types</a>
        </li>
      </ul>
    <!-- NAVIGATOR CASHIER -->
      <ul class="nav navbar-nav navbar-right" ng-switch-when="cashier">
        <li ng-class="$state.includes('students')">
          <a ui-sref=".students">Student</a>
        </li>
      </ul>
    <!-- NAVIGATOR ADMIN -->
      <ul class="nav navbar-nav navbar-right" ng-switch-when="admin">
        <li ng-class="{active: $state.includes('users')}">
          <a ui-sref=".users.list">User Management</a>
        </li>
        <li ng-class="{active: $state.includes('rooms')}">
          <a ui-sref=".rooms.list">Rooms Management</a>
        </li>
        <li ng-class="{active: $state.includes('teachers')}">
          <a ui-sref=".teachers.list">Teachers Management</a>
        </li>
        <li ng-class="{active: $state.includes('terms')}">
          <a ui-sref=".terms.list">Terms Management</a>
        </li>
        <li ng-class="{active: $state.includes('coursetypes')}">
          <a ui-sref=".coursetypes.list">Course Types Management</a>
        </li>
      </ul>
    </div>
  </div>
</nav>